﻿.main .main-content
{
	overflow: hidden;
	position: relative;
}

	.main .main-content ul li
	{
		padding: 0px;
		background: none;
	}

.main-content .content-left
{
	float: left;
	width: 225px;
	padding-left: 20px;
}

	.main-content .content-left .news-sunnytech li
	{
		padding-bottom: 6px;
		padding-left: 10px;
		background: url(../Icons/arr-ico.png) no-repeat 0 8px;
	}

		.main-content .content-left .news-sunnytech li:last-child
		{
			padding: 0px 10px 0px 0px;
			background: none;
			border: none;
			text-align: right;
		}

	.main-content .content-left .news-sunnytech li
	{
		padding-right: 10px;
		line-height: 17px;
	}

	.main-content .content-left .menu
	{
		text-align: right;
	}

		.main-content .content-left .menu ul li
		{
			padding: 0px;
			background: none;
		}

			.main-content .content-left .menu ul li a
			{
				display: inline-block;
				color: #fff;
				text-shadow: 5px 3px 5px #000000;
				overflow: hidden;
			}

				.main-content .content-left .menu ul li a span
				{
					float: right;
					background: #a71a20;
					padding: 5px 25px 5px 10px;
					border: 1px solid #e1e1e1;
					border-right: none;
					-moz-transition: all 0.4s ease;
					-webkit-transition: all 0.4s ease;
					-o-transition: all 0.4s ease;
					-ms-transition: all 0.4s ease;
					transition: all 0.4s ease;
				}

					.main-content .content-left .menu ul li a span:hover
					{
						padding: 5px 50px 5px 10px;
					}

.main-content .content-right
{
	float: left;
	width: 745px;
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}

	.main-content .content-right .view-content .info-content
	{
		line-height: 25px;
		margin-bottom:40px;
	}

		.main-content .content-right .view-content .info-content ul li
		{
			margin-bottom: 0px;
			padding: 0px;
			background: none;
			border-bottom: none;
			overflow: hidden;
		}

	.main-content .content-right .view-content > p
	{
		margin-bottom: 20px;
	}

		.main-content .content-right .view-content > p > span.note
		{
			font-style: italic;
			font-size: 11px;
		}

	.main-content .content-right .view-content
	{
		overflow: hidden;
	}

		.main-content .content-right .view-content ul li
		{
			margin-bottom: 20px;
			padding: 0px 0px 20px 0px;
			background: none;
			border-bottom: 1px solid #e1e1e1;
			overflow: hidden;
		}

			.main-content .content-right .view-content ul li div
			{
				float: left;
				width: 342px;
				margin-right: 10px;
			}

				.main-content .content-right .view-content ul li div h3
				{
					font-size: 14px;
					font-weight: 600;
				}

				.main-content .content-right .view-content ul li div img, .main-content .content-right .view-content ul li div iframe
				{
					display: block;
					width: 322px;
					background: #e0dad1;
					padding: 10px;
				}

		.main-content .content-right .view-content .list-view-content
		{
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid #e1e1e1;
			overflow: hidden;
		}

.list-view-content .view-content-summary p
{
	line-height: 25px;
}

	.list-view-content .view-content-summary p.posted-date
	{
		text-align: right;
		font-style: italic;
		font-size: 11px;
	}

.list-view-content .view-content-img
{
	float: left;
	width: 280px;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #e1e1e1;
}

	.list-view-content .view-content-img img
	{
		display: block;
		width: 260px;
		background: #e0dad1;
		padding: 10px;
	}

.main .domain-hosting
{
	overflow: hidden;
	position: relative;
}

	.main .domain-hosting h2
	{
		background: url('../Icons/marker-4.gif') left top no-repeat;
		padding-left: 30px;
	}

	.main .domain-hosting .list-domain-hosting
	{
		float: left;
		background: rgba(199,199,199,0.5);
		color: #333;
		margin: 0px 13px 20px 14px;
		padding: 15px 10px;
		width: 200px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	}

		.main .domain-hosting .list-domain-hosting ul
		{
			margin-left: 5px;
		}

			.main .domain-hosting .list-domain-hosting ul li
			{
				line-height: 40px;
				padding-bottom: 0px;
				padding-left: 10px;
				background: url(../Icons/arr-ico.png) no-repeat 0 16px;
			}

				.main .domain-hosting .list-domain-hosting ul li span
				{
					font-weight: 600;
				}

		.main .domain-hosting .list-domain-hosting p
		{
			text-align: right;
			margin-top: 5px;
			line-height: 40px;
		}

		.main .domain-hosting .list-domain-hosting .more-domain-hosting
		{
			padding: 10px 20px;
			text-align: right;
			background: #000;
			color: #fff;
			font-weight: bold;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-moz-transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}

			.main .domain-hosting .list-domain-hosting .more-domain-hosting:hover
			{
				background: #D83027;
			}

.code-money
{
	font-size: 10px;
}

/* #Media Queries
================================================== */

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px )
{
	.main-content .content-left
	{
		display: none;
	}

		.main-content .content-left .menu
		{
			text-align: right;
		}

			.main-content .content-left .menu ul li
			{
				padding: 0px;
				background: none;
			}

				.main-content .content-left .menu ul li a
				{
					display: inline-block;
					color: #fff;
					text-shadow: 5px 3px 5px #000000;
					overflow: hidden;
				}

					.main-content .content-left .menu ul li a span
					{
						float: right;
						background: #a71a20;
						padding: 5px 25px 5px 10px;
						border: 1px solid #e1e1e1;
						border-right: none;
						-moz-transition: all 0.4s ease;
						-webkit-transition: all 0.4s ease;
						-o-transition: all 0.4s ease;
						-ms-transition: all 0.4s ease;
						transition: all 0.4s ease;
					}

						.main-content .content-left .menu ul li a span:hover
						{
							padding: 5px 50px 5px 10px;
						}

	.main-content .content-right
	{
		float: left;
		width: 320px;
		-moz-box-shadow: 0px 0px 20px #000;
		-webkit-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
	}

		.main-content .content-right .view-content > p
		{
			margin-bottom: 20px;
		}

		.main-content .content-right .view-content ul li div
		{
			float: left;
			width: 320px;
			margin-right: 0px;
		}

			.main-content .content-right .view-content ul li div h3
			{
				font-size: 14px;
				font-weight: 600;
			}

			.main-content .content-right .view-content ul li div img, .main-content .content-right .view-content ul li div iframe
			{
				display: block;
				width: 260px;
				background: #e0dad1;
				padding: 10px;
			}

	.main .domain-hosting .list-domain-hosting
	{
		float: none;
		width: 273px;
	}
}

/*
	Screen: 767px;
*/

@media only screen and ( max-width: 767px)
{
	.main-content .content-left
	{
		display: none;
	}

	.main-content .content-right
	{
		float: left;
		width: 320px;
		-moz-box-shadow: 0px 0px 20px #000;
		-webkit-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
	}

		.main-content .content-right .view-content > p
		{
			margin-bottom: 20px;
		}

		.main-content .content-right .view-content ul li div
		{
			float: left;
			width: 280px;
			margin-right: 0px;
		}

			.main-content .content-right .view-content ul li div h3
			{
				font-size: 14px;
				font-weight: 600;
			}

			.main-content .content-right .view-content ul li div img, .main-content .content-right .view-content ul li div iframe
			{
				display: block;
				width: 260px;
				background: #e0dad1;
				padding: 10px;
			}

	.list-view-content .view-content-summary
	{
		margin-top: 10px;
	}

	.list-view-content .view-content-img
	{
		float: none;
		width: 280px;
		margin-right: 0px;
		padding-right: 0px;
		border-right: 1px solid #e1e1e1;
	}

		.list-view-content .view-content-img img
		{
			display: block;
			width: 260px;
			background: #e0dad1;
			padding: 10px;
		}

	.main .domain-hosting .list-domain-hosting
	{
		float: none;
		width: 273px;
	}
}
